<!--
  ~ Copyright 2018 Red Hat, Inc. and/or its affiliates.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<div class="input-group" style="width:100%" data-field="widget">
    <div class="row">
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table table-striped table-bordered" data-field="table">
                    <thead>
                    <tr>
                        <th style="width:46%" data-i18n-key="Name">
                            Name
                        </th>
                        <th style="width:46%" data-i18n-key="Cardinality">
                            Cardinality
                        </th>
                        <td style="width:8%">
                            <button type="button" class="center-block" data-field="addButton" data-i18n-key=""></button>
                        </td>
                    </tr>
                    </thead>
                    <tbody data-field="list">
                    <tr data-field="tableRow" hidden="true">
                        <td style="width:46%">
                            <input type="text" class="form-control" data-field="roleInput"/>
                        </td>
                        <td style="width:46%">
                            <input type="text" class="form-control" data-field="cardinalityInput"/>
                        </td>
                        <td style="width:8%">
                            <button type="button" class="center-block" data-field="deleteButton"></button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
